<template>

  <div>
    <van-cell @click="$router.push('/detail')">
      <div class='img' >
        <img :src="'http://liufusong.top:8080'+obj.houseImg" >
      </div>
      <div class='txt'>
      <div class='p1'>{{obj.title}}</div>
      <div class='p2'>{{obj.desc}}</div>
       <div class='p3'>{{obj.tags[0]}}</div>
      <div class='p4'> {{obj.price}}<span>元/月</span></div>
      </div>
    </van-cell>

  </div>
</template>

<script>

export default {
  props: {
    obj: {
      type: Object,
      default: () => { }
    }
  }

}
</script>

<style lang="less" scoped>
.van-cell {
  border-bottom: 1px solid lightgray;
  display: flex;
  width: 100%;
  height: 120px;
  // background-color: pink;
}
.img{

float: left;
width: 80px;
margin-top: 10px;

}
.img img{
  width: 100px;
  height: 90px;
}
.txt{
margin-top:5px ;
float: right;
width: 235px;

}
 .txt .p1{
  font-weight: 700;
  font-size: 16px;
  z-index:2
}
 .txt .p2{
  color:#bbbdbe;
  z-index:2
}
 .txt .p3{
width: 50px;
  color:#4abdcd;
  background-color: #e2f5f8;
  z-index:2
}
 .txt .p4{
  color:red;
 font-size: 16px;
  z-index:2
}
 .txt .p4 span {
   font-size: 12px;
 }
</style>
